<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>打样生产通知单</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <!-- bootstrap 3.0.2 -->
    <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <!-- font Awesome -->
    <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <!-- Ionicons -->
    <link href="../css/ionicons.min.css" rel="stylesheet" type="text/css" />
    <!-- Theme style -->
    <link href="../css/AdminLTE.css" rel="stylesheet" type="text/css" />

    <link href="../css/myself.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="../css/reset.css" />
    <script type="text/javascript" src="../js/jquery.min.js"></script>


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
        ul li{
            list-style: none;
            margin-top: 10px;
        }
        .pull-left{
            border-left: 6px solid #3882FF;
            padding: 0 5px;
        }
        .custormView{
            margin-top: 10px;
        }
        table tr th{
            text-align: center;
        }
        .p_center{
            text-align: center !important;
        }
        .center_text{
        	background: #ddd;
        }
        .p_left{text-align: left !important;}
        .btn_white{background:white;border: 1px solid #cfd8e3;color: #747e8d;}
        .btn_white:hover{background:white;border: 1px solid #3794ff;color: #56a4ff;}
        .btn{padding: 6px 30px;}
        .top_header{font-size: 26px;border-bottom: 3px solid black;padding: 10px 0;margin-bottom: 30px;}
    </style>
</head>
<body class="skin-blue">
<div class="wrapper row-offcanvas row-offcanvas-left" style="width: 70%;margin: 0 auto;">
        <section class="content">
            <div class="row">
                <div class="col-md-12">
                    <div class="box">
                        <div class="clearfix search-div center">
                            <form action="#" method="get" style="padding: 3rem;">
                                <div class="p_center top_header clearfix">
                                    <img class="fl" src="../images/logo_black_03.jpg"/>
                                    打样生产通知单
                                </div>
                                <div>
                                    <span class="pull-left marginBottom">订单信息</span>
                                </div>
                                <table class="table table-bordered custormView" >
                                    <tr>
                                        <td class="p_center" style="border: 0; width: 33%;">
                                            订单号:558252552
                                        </td>
                                        <td style="border: 0; width: 33%;">
                                            创建时间:2016/10/12 12:10
                                        </td>
                                        <td style="border: 0; width: 33%;">
                                            截止时间:2016/10/12
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="p_center" style="border: 0; width: 33%;">
                                           客户名称:杭州小黑裙服装有限公司
                                        </td>
                                        <td style="border: 0; width: 33%;">
                                           客户编号:2920209
                                        </td>
                                        <td style="border: 0; width: 33%;">

                                        </td>
                                    </tr>
                                </table>
                                <div class="pull-left marginBottom">人员信息</div>
                                <table class="table table-bordered custormView" >
                                    <td class="third p_center" style="border: 0;">
                                        销售: 王伟
                                    </td>
                                    <td style="border: 0; width: 33%;">
                                        设计师: 清晨
                                    </td>
                                    <td style="border: 0; width: 33%;">
                                        项目经理: 朱攀
                                    </td>
                                </table>
                                <div class="pull-left marginBottom">客户需求</div>
                                <table class="table table-bordered custormView" >
                                    <tr>
                                        <td style="padding: 2em 4em;">客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客
                                            户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客
                                            户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求客户需求</td>
                                    </tr>
                                </table>
                                <div class="pull-left marginBottom">样衣信息</div>
                                <table class="table text-center table-bordered order-list">
                                    <tr>
                                        <td colspan="5" class="left-text">
                                            <span style="margin-right: 50px;">子订单号：558252552</span>
                                            <span>设计款号:558252552</span>
                                        </td>
                                    </tr>
                                    <td width="50%">
                                        <span class="Design_draft">款式图1</span>
                                    </td>
                                    <td>
                                        <table class="table table-bordered">
                                            <tr>
                                                <th>颜色</th>
                                                <th>XS</th>
                                                <th>S</th>
                                                <th>M</th>
                                                <th>L</th>
                                                <th>XL</th>
                                                <th>总计</th>
                                            </tr>
                                            <tr>
                                                <td>红色</td>
                                                <td></td>
                                                <td></td>
                                                <td>1</td>
                                                <td></td>
                                                <td></td>
                                                <td>1</td>
                                            </tr>
                                            <tr>
                                                <td colspan="8"  class="right-text">
                                                    <span class="pull-right">共1件</span>
                                                </td>
                                            </tr>
                                        </table>
                                        <table style="width: 100%;">
                                            <td colspan="8">
                                                <table class="table table-bordered">
                                                    <tr>
                                                        <td width="30%">设计款式说明</td>
                                                        <td width="70%">
                                                            <div class="form-group textarea">
                                                                <textarea class="form-control" rows="3" placeholder="输入设计款式说明" style="resize: none;border: none;"></textarea>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </table>
                                    </td>
                                </table>
                                <div class="pull-left marginBottom">款式细节料明细</div>
                                <table class="table text-center table-bordered order-list">
                                   <tr class="p_center left-text">
                                       <th width="17%">细节</th>
                                       <th width="17%">描述</th>
                                       <th width="17%">尺寸大小</th>
                                       <th width="17%">位置</th>
                                       <th width="32%">备注</th>
                                   </tr>
                                    <tr class="p_center">
                                        <td class="p_center">扣子</td>
                                        <td>用金属/树枝</td>
                                        <td>2.8厘米</td>
                                        <td>左肩</td>
                                        <td></td>
                                    </tr>
                                    <tr class="p_center">
                                        <td class="p_center">下摆螺纹</td>
                                        <td>针数参考图片</td>
                                        <td>高7cm</td>
                                        <td>下摆</td>
                                        <td>针织工艺需与老朱细节沟通</td>
                                    </tr>
                                    <tr class="p_center">
                                        <td class="p_center">袖子</td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                    </tr>
                                </table>
                                <div class="pull-left marginBottom">面辅料明细</div>
                                <table class="table text-center table-bordered order-list">
                                    <tr>
                                        <th colspan="7" class="p_center center_text">面料明细(如有样衣可以不填)</th>
                                    </tr>
                                   <tr class="p_center left-text">
                                       <th width="17%"></th>
                                       <th width="13%">颜色</th>
                                       <th width="13%">面料名称</th>
                                       <th width="13%">成分</th>
                                       <th width="13%">供应商信息</th>
                                       <th width="13%">供应商编号</th>
                                       <th width="18%">所用部位</th>
                                   </tr>
                                    <tr class="p_center">
                                        <td class="p_center">主身布</td>
                                        <td></td>
                                        <td>例如:牛仔/灯芯绒</td>
                                        <td>100%棉</td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                    </tr>
                                    <tr class="p_center">
                                        <td class="p_center">撞布</td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                    </tr>
                                    <tr class="p_center">
                                        <td class="p_center">里布</td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                    </tr>
                                </table>
                                <table class="table text-center table-bordered order-list">
                                    <tr>
                                        <th colspan="6" class="p_center center_text">辅料明细</th>
                                    </tr>
                                    <tr class="p_center left-text">
                                        <th width="17%">辅料名称</th>
                                        <th width="13%">数量</th>
                                        <th width="13%">位置</th>
                                        <th width="13%">车法细节</th>
                                        <th width="13%">明细图片</th>
                                        <th width="31%">备注</th>
                                    </tr>
                                    <tr class="p_center">
                                        <td class="p_center">主麦</td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                    </tr>
                                </table>
                                <div class="pull-left marginBottom">折叠包装方法</div>
                                <table class="table text-center table-bordered order-list">
                                    <tr>
                                        <td width="17%">折叠方法</td>
                                        <td width="33%" class="p_left">轻烫</td>
                                        <td width="17%">包装方法</td>
                                        <td width="33%" class="p_left">扁装</td>
                                    </tr>
                                </table>
                                <div class="pull-left marginBottom">验货</div>
                                <table class="table text-center table-bordered order-list">
                                    <tr>
                                        <td width="17%">批版方法</td>
                                        <td width="33%"></td>
                                        <td width="17%">验货标准</td>
                                        <td width="33%" colspan="3"></td>
                                    </tr>
                                    <tr>
                                        <td>测试要求</td>
                                        <td colspan="3" style="text-align: left;">/</td>
                                    </tr>
                                </table>
                                <div class="pull-left marginBottom">备注</div>
                                <div class="form-group">
                                    <textarea class="form-control" rows="3" placeholder="Enter ..."></textarea>
                                </div>
                                <div class="clearfix">
                                	<a href="DaYang_tell.html" class="btn btn-default">返回修改</a>
                                    <a href="#" class="btn btn-primary pull-right">确定</a>
                                </div>
                            </form>

                        </div>
                    </div>
                </div>
            </div>
        </section>
</div><!-- ./wrapper -->

<!-- Bootstrap -->
<script src="../js/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../js/AdminLTE/app.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="../js/AdminLTE/demo.js" type="text/javascript"></script>

</body>
</html>

